@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#333; background-color:#f5f8fc; line-height:24px;  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;}

a { color:#666; text-decoration:none; }

a:hover { text-decoration:none;}

.sider{width:285px; float:left;}
.containter{float:right; width:655px;}

.clear_cs{height:0px;font-size:0px; line-height:0px;clear:both;over-flow:hidden;}


/******************header css***************/

.tan {
   width:100%;
   height:43px;
   background:url(../images/tan.jpg);
   }
   
.tan-s {
   width:1200px;
   height:43px;
   line-height:43px;
   margin:0 auto;
   }
   
.tan-s-left {
   width:50%;
   height:43px;
   float:left;
   }
   
.tan-s-right {
   width:50%;
   height:43px;
   text-align:right;
   float:right;
   }
   
.top {
   width:100%;
   height:120px;
   background-color:#FFFFFF;
   }
   
.topkk {
   width:1200px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.logo {
   width:488px;
   float:left;
   }
   
.dianhua {
   width:275px;
   float:left;
   margin-left:171px;
   }
   
.sousuo {
   width:256px;
   float:right;
   }
   
.search {
    width: 232px;
    height: 32px;
	line-height:32px;
    float: right;
    background: url("../images/sousuo.png") no-repeat scroll 0% 0% transparent;
	padding-left:20px;
    margin-top: 47px;
}

.search input {
    outline: medium none;
    background: none repeat scroll 0% 0% transparent;
    margin: 0px;
    padding: 0px;
	line-height:32px;
    border: 0px none;
}


.submitIn {
    width: 32px;
    height: 32px;
    float: right;
    cursor: pointer;
}

.dh {
   height:50px;
   line-height:50px;
   background-color:#4d87c8;
   }
   
.dhkk {
   width:1100px;
   height:50px;
   margin:0 auto;
   }
   
.dhkk li {
   list-style-type:none;
   float:left;
   }
   
.dhkk li a {
   display:block;
   height:50px;
   line-height:50px;
   padding-left:35px;
   padding-right:35px;
   font-size:14px;
   color:#FFFFFF;
   }
   
.dhkk li a:hover {
   background-color:#007fcc;
   transition: all 300ms ease-in 0ms;
   }
   
.banner {
   width:100%;
   height:auto; overflow:hidden;
   }
   
.flexslider {
    margin: 0 0 0px;
    border: 0px solid #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
	margin-bottom: -27px;
}

.cpkuai {
   width:1200px;
   height:auto; overflow:hidden;
   padding-top:30px; padding-bottom:40px;
   background-color:#f5f8fc;
   margin:0 auto;
   }
   
.cp-tit {
   height:75px;
   line-height:75px;
   margin-bottom:40px;
   background:url(../images/cptit.png) center; background-repeat:no-repeat;
   color:#0076ca;
   font-size:24px;
   text-align:center;
   }
   
.cpnei {
   width:1200px;
   height:auto; overflow:hidden;
   }
   
    .img-scroll { position:relative; margin:0px auto; width:1200px; float:left; height:auto; overflow:hidden;}
    .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:39px; height:40px; margin-top:152px; background-color:#000;
    top:0; color:#FFF; text-align:center;}
    .img-scroll .prev { left:0; background:url(../images/zuo.png) no-repeat; width:39px; height:40px;}
    .img-scroll .next { right:0; background:url(../images/you.png) no-repeat; width:39px; height:40px;}
	.img-scroll .prev:hover { left:0; background:url(../images/zuox.png) no-repeat; width:39px; height:40px;}
	.img-scroll .next:hover { right:0; background:url(../images/youx.png) no-repeat; width:39px; height:40px;}
    .img-list { position:relative; width:1095px; height:auto; overflow:hidden; margin-left:40px; overflow:hidden}
    .img-list ul { width:9999px;}
    .img-list li { float:left; display:inline; margin-left:25px; margin-right:25px; height:auto; overflow:hidden;}
	
.cptu {
   width:230px;
   height:auto; overflow:hidden;
   background-color:#efefef;
   border:1px solid #efefef;
   text-align:center;
   padding-bottom:10px;
   color:#333333;
   }
   
.cptu h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:12px; margin-bottom:12px;
   font-size:18px;
   }
   
.cptu:hover {
    background-color:#fba65b;
    border:1px solid #fba65b;
	color:#FFFFFF;
	}
	
.cptu a:hover {
   color:#FFFFFF;
   }	
	

.effects { padding-left: 0px; }
.effects .img { position: relative; margin-bottom: 0px; position: relative; z-index: 1; overflow: hidden; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: -15px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; height: auto; }
.overlay { display: block; position: absolute; z-index: 20; background: rgba(0,0, 0, 0.8); overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.overlay2 { display: block; position: absolute; z-index: 20; background: rgba(251,166, 91, 1.0); overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 30px; }
.overlay-effect .img i { font-size: 30px; }
.overlay-effect .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }
.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }
.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }
.img img { width: -webkit-calc(100% + 0px) !important; width: calc(100% + 10px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); }
.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0px, 0, 0); }  

.fdj {
   font-size:30px;
   }
   
.morek {
   width:180px;
   height:50px;
   margin:75px auto 0px;
   }
   
.morek a {
   display:block;
   width:180px;
   height:50px;
   line-height:50px;
   text-align:center;
   background-color:#fba65b;
   font-size:18px;
   color:#FFFFFF;
   border-radius: 5px;
   }
   
.morek a:hover {
   background-color:#f09444;
   }
   
   
.tedian {
   width:100%;
   height:707px;
   background:url(../images/jsbj.jpg) top center;
   padding-top:50px;
   }
   
.td-tit {
   height:75px;
   line-height:75px;
   margin-bottom:25px;
   background:url(../images/tdtit.png) center; background-repeat:no-repeat;
   color:#0076ca;
   font-size:24px;
   text-align:center;
   }
   
.tedian h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:0px; margin-bottom:90px;
   text-align:center;
   color:#666666;
   font-size:18px;
   }
   
   
    .img-scroll2 { position:relative; margin:0px auto; width:1200px; float:left; height:auto; overflow:hidden;}
    .img-scroll2 .prev2,.img-scroll2 .next2 { position:absolute; display:block; width:32px; height:60px; margin-top:123px; background-color:#000;
    top:0; color:#FFF; text-align:center;}
    .img-scroll2 .prev2 { left:0; background:url(../images/left.png) no-repeat; width:32px; height:60px;}
    .img-scroll2 .next2 { right:0; background:url(../images/right.png) no-repeat; width:32px; height:60px;}
	.img-scroll2 .prev2:hover { left:0; background:url(../images/leftx.png) no-repeat; width:32px; height:60px;}
	.img-scroll2 .next2:hover { right:0; background:url(../images/rightx.png) no-repeat; width:32px; height:60px;}
    .img-list2 { position:relative; width:1100px; height:auto; overflow:hidden; margin-left:40px; overflow:hidden}
    .img-list2 ul { width:9999px;}
    .img-list2 li { float:left; display:inline; margin-left:14px; margin-right:14px; height:auto; overflow:hidden;}
	
	
.td-nei {
   width:1200px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.td-tu {
   width:250px;
   height:305px;
   background-color:#FFFFFF;
   border-radius: 10px;
   }
   
   
.xuhao {
   width:56px;
   height:56px;
   line-height:56px;
   text-align:center;
   font-size:24px;
   border-radius: 50%;
   border:2px solid #555555;
   background-color:#FFFFFF;
   position:relative;
   margin:-30px auto 0px;
   }
   
.td-zi {
   padding:20px;
   height:auto; overflow:hidden;
   color:#999999;
   }
   
   
.about {
   width:100%;
   height:619px;
   background:url(../images/abbj.png) center;
   color:#FFFFFF;
   padding-top:35px;
   }
   
   
.ab-tit {
   height:75px;
   line-height:75px;
   margin-bottom:25px;
   background:url(../images/abtit.png) center; background-repeat:no-repeat;
   color:#ffffff;
   font-size:24px;
   text-align:center;
   }
   
.ab-zi {
   width:1020px;
   height:auto; overflow:hidden;
   font-size:14px;
   margin:0 auto;
   }
   
.xuanxiang {
   width:1020px;
   height:auto; overflow:hidden;
   margin-top:50px;
   }
   
.xuanxiang li {
   list-style-type:none;
   float:left;
   width:33.3%;
   }
   
.xlan {
   width:100px;
   height:100px;
   line-height:100px;
   margin:0 auto;
   }
   
.xlan a {
   display:block;
   width:100px;
   height:100px;
   text-align:center;
   color:#fba65b;
   background-color:#ffffff;
   border-radius: 50%;
    overflow:hidden; text-decoration:none; 
   } 
   
.xlan span { display:block; height:100px;} 
.xlan a:hover span { margin-top:-100px; }
   
.xlan a:hover {
   background-color:#fba65b;
   color:#FFFFFF;
   font-size:18px;
   font-weight:bold;
   transition: all 300ms ease-in 0ms;
   }
   
.iconfont {
    font-family: "iconfont" !important;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.jishu {
   width:1200px;
   height:auto; overflow:hidden;
   padding-top:35px;
   margin:0 auto;
   }
   

.js-tit {
   height:75px;
   line-height:75px;
   margin-bottom:47px;
   background:url(../images/jstit.png) center; background-repeat:no-repeat;
   color:#0076ca;
   font-size:24px;
   text-align:center;
   }
   
.jsdi {
   margin-bottom:50px;
   }
   
.bottom {
   width:100%;
   height:auto; overflow:hidden;
   padding-top:30px; padding-bottom:30px;
   color:#d6d6d6;
   font-size:14px;
   background-color:#333333;
   }
   
.zt {
   width:1200px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.bottom h2 {
   font-size:18px;
   font-weight:bold;
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:0px; margin-bottom:12px;
   color:#FFFFFF;
   }
   
.kao {
    padding-left: 5px;
    padding-right: 5px;
}

.khh {
   height:40px;
   }
   
.jjkk {
    margin-top: 5px;
}

.footer {
   height:50px;
   line-height:50px;
   background-color:#282828;
   text-align:center;
   color:#d6d6d6;
   }
   
   
/* 单页 */
.dangqian {
   width:100%;
   height:70px;
   line-height:70px;
   background-color:#FFFFFF;
   border-bottom:1px solid #e6e6e6;
   }   
.dq {
   width:1200px;
   height:70px;
   margin:0 auto;
   }
   
.dq-left {
   width:400px;
   float:left;
   font-size:18px;
   color:#999999;
   }
   
.biaoti {
   font-size:22px;
   color:#333333;
   }
   
.dq-right {
   width:500px;
   float:right;
   text-align:right;
   }
   
.lanse {
   color:#4d87c8;
   }
   
.n-lanmu {
   padding-top:20px;
   padding-bottom:20px;
   width:1200px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.n-lanmu li {
   list-style-type:none;
   float:left;
   margin-right:10px;
   }
   
.n-lanmu li a {
   display:block;
   padding-left:40px;
   padding-right:40px;
   height:46px;
   line-height:46px;
   background-color:#FFFFFF;
   border:1px solid #eeeeee;
   color:#919191;
   font-size:14px;
   }
   
.n-lanmu li a:hover {
   background-color:#0373b6;
   border:1px solid #0373b6;
   color:#ffffff;
   }
   
.n-lanmu li.hover a {
   background-color:#0373b6;
   border:1px solid #0373b6;
   color:#ffffff;
   }
   
.neitt {
   width:1200px;
   height:auto; overflow:hidden;
   border:1px solid #eeeeee;
   background-color:#FFFFFF;
   padding:40px;
   margin:0 auto 60px;
   }
   
/* 产品页 */

.cpnei {
   width:1200px;
   height:auto; overflow:hidden;
   margin:0 auto 37px;
   }
   
.chanpin {
   background-color:#FFFFFF;
   padding:10px;
   border:1px solid #eeeeee;
   margin-bottom:30px;
   }
   
.chanpin p {
   text-align:center;
   margin-top:10px;
   font-size:14px;
      height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;
   }
   
   
.ee { padding-left: 15px; }

/* 新闻中心 */

.xian {
   height:1px;
   background-color:#eeeeee;
   }

.xw-hh {
   padding-top:20px;
   padding-bottom:36px;
   border-bottom:1px solid #ebebeb;
   height:auto; overflow:hidden;
   }
   
   
.xw-hh-zuo {
   float:left;
   width:287px;
   }
   
.xw-hh-you {
   float:right;
   width:800px;
   }
   
.time {
   height:30px;
   line-height:30px;
   color:#4c7282;
   font-size:14px;
   }
   
   
.xw-hh h2 {
   font-size:14px;
   font-weight:bold;
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:5px; margin-bottom:12px;
   color:#333333;
   }
   
.xw-more {
   margin-top:15px;
   }
.xw-more a {
   display:block;
   width:76px;
   height:30px;
   line-height:30px;
   text-align:center;
   background:url(../images/xwmore.jpg);
   border:1px solid #dbdbdb;
   }
   
   

/*在线留言*/
.bky {
    margin: 20px 5px 5px;
	line-height:30px;
}

.ttanniu {
    width: 150px;
}



.menu ul.sub_menu{position:absolute; width:600px; display:none; z-index:999; margin-left:0px;}
.menu ul.sub_menu a{ color:#ffffff;}
.menu ul.sub_menu a:hover{ color:#ffffff; background:none;}
.bg{ background:url(../images/bg.png) repeat; height:50px; display:none; width:100%; z-index:99; position:absolute;}
.menu ul.sub_menu li {
    float:left;
    line-height: 50px;
	padding-left:10px;
	padding-right:10px;
	list-style-type:none;
	background:none;
}
.menu ul.sub_menu li a{ 
    color:#ffffff;
	font-size:14px;
	}